<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib uri="/struts-tags" prefix="s"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">
<title>Grandon HTML Template</title>


<!-- add css stylesheets -->
<link rel="stylesheet" href="css/style.css" />
<link rel="stylesheet" href="css/base.css" />
<link rel="stylesheet" href="css/skeleton.css" />
<link rel="stylesheet" href="css/flexslider.css" type="text/css"
	media="screen" />

<!-- Pretty Photo -->
<link rel="stylesheet" type="text/css" href="css/prettyPhoto.css" />


<!--[if gte IE 8]>
	<link rel="stylesheet" media="screen" type="text/css" href="css/ie8up.css" />
<![endif]-->
<!--[if gte IE 9]>
	<link rel="stylesheet" media="screen" type="text/css" href="css/ie8up.css" />
<![endif]-->



<!-- mobile setting -->
<meta name="viewport"
	content="width=device-width, initial-scale=1, maximum-scale=1" />

<!-- Favicon -->
<link rel="shortcut icon" href="images/favicon.html">


<!-- jquery -->
<script src="js/jquery-1.7.1.min.js" type="text/javascript"></script>
<script src="js/jquery.carouFredSel-6.1.0-packed.js"
	type="text/javascript"></script>
<script src="js/jquery.tipsy.js" type="text/javascript"></script>
<script src="js/jquery.easing.1.3.js" type="text/javascript"></script>
<script src="js/jquery.iconshadow.js" type="text/javascript"></script>
<script src="js/jquery.flexslider-min.js" type="text/javascript"></script>
<script src="js/superfish.js" type="text/javascript"></script>
<script src="js/jquery.color.js" type="text/javascript"></script>
<script src="js/custom.js" type="text/javascript"></script>
<script src="js/jquery.cycle.all.js" type="text/javascript"></script>
<script src="js/modernizr.custom.js" type="text/javascript"></script>
<script src="js/jquery.fitvids.js" type="text/javascript"></script>
<script src="js/jquery.ui.totop.js" type="text/javascript"></script>
<script src="js/jquery.prettyPhoto.js"></script>
<script type="text/javascript" src="js/jquery.twitter.js"></script>

<style type="text/css">
.content_wrapper {
	padding-bottom: 0px;
}
.content_wrapper_inner{
		padding-top: 10px;
		background-color: #FBFADD;
  		color: #8f872e;
  		border: 1px solid #ded58a;
	}
.eight {
	margin-left: 200px;
}

.eight a {
	margin-right: 20px;
}

select {
	width: 100px;
	margin-bottom: 1px;
}

button {
	cursor: pointer;
}

.dri_du {
	text-align: center;
	padding-bottom: 3px;
}

.dri_du a {
	margin: 10px;
	color: #000;
	padding: 5px 20;
	background-color: #ff9600;
}

.dri_du a:hover {
	background-color: #ff9600;
}


</style>

</head>
<body>


	<img src="images/large/bg.jpg" alt="" id="background" />

	
	<s:include value="../../../common_file/zhezhao.jsp"></s:include>
	<s:include value="../../../common_file/title1.jsp"></s:include>

	<div class="content_wrapper_inner">
		<div class="container">

			<div class="port_inner">
				<div class="sixteen columns row">
					<div class="filter_wrapper" style="float: left;">
						<ul class="filter group">
							<li class="current all"><a href="#">所有司机</a></li>
							<li class="annoucement"><a href="pages/system-manager/tans_power/driver/adddriver.jsp">添加司机</a></li>
						</ul>
					</div>
					<div class="filter_wrapper" style="float:right;">
						<ul class="filter group">
							<li class="annoucement"><select>
									<option>姓名</option>
									<option>张三</option>
									<option>李四</option>
							</select></li>
							<li class="annoucement"><select>
									<option>路线</option>
									<option>路线1</option>
									<option>路线2</option>
							</select></li>
							<li class="annoucement"><select>
									<option>车辆</option>
									<option>车辆1</option>
									<option>车辆2</option>
							</select></li>
						</ul>
					</div>
				</div>
				<div class="clear"></div>

				<ul class="portfolio group">
					<li class="four columns" data-id="id-1" data-type="advertising">

						<div class="view view-tenth">
							<span class="image_holder"> <img
								src="images/large/a10.jpg" alt="" class="scale-with-grid" />
							</span>
							<div class="mask">
								<div class="mask_wrapper">
									<a href="images/large/a10.jpg" title=""
										data-rel="prettyPhoto[portfolio]" class="link1"><img
										src="images/icons/icon_zoom.png" class="scale-with-grid" /></a>
								</div>
							</div>
						</div> <span class="clear"></span>
						<div class="view_title">
							<a href="#"><h6>杨修:三号车:五号线</h6></a>
							<div class="dri_du">
								<a href="pages/system-manager/tans_power/driver/updatedriver.jsp">修改</a> 
								<a href="#">删除</a>
							</div>
						</div>
					</li>
					<li class="four columns" data-id="id-2" data-type="game">

						<div class="view view-tenth">
							<span class="image_holder"> <img src="images/large/15.jpg"
								alt="" class="scale-with-grid" />
							</span>
							<div class="mask">
								<div class="mask_wrapper">
									<a href="images/large/15.jpg" title=""
										data-rel="prettyPhoto[portfolio]" class="link1"><img
										src="images/icons/icon_zoom.png" class="scale-with-grid" /></a>
								</div>
							</div>
						</div> <span class="clear"></span>
						<div class="view_title">
							<a href="#"><h6>林宝:2号车:三号线</h6></a>
							<div class="dri_du">
								<a href="pages/system-manager/tans_power/driver/updatedriver.jsp">修改</a> 
								<a href="#">删除</a>
							</div>
						</div>
					</li>
					<li class="four columns" data-id="id-3" data-type="advertising">


						<div class="view view-tenth">
							<span class="image_holder"> <img src="images/large/22.jpg"
								alt="" class="scale-with-grid" />
							</span>
							<div class="mask">
								<div class="mask_wrapper">
									<a href="images/large/22.jpg" title=""
										data-rel="prettyPhoto[portfolio]" class="link1"><img
										src="images/icons/icon_zoom.png" class="scale-with-grid" /></a>

								</div>
							</div>
						</div> <span class="clear"></span>
						<div class="view_title">
							<a href="#"><h6>project 3</h6></a> <span class="port_cat"><p>
									advertising</p> </span>
						</div>

					</li>
					<li class="four columns" data-id="id-4" data-type="news">


						<div class="view view-tenth">
							<span class="image_holder"> <img src="images/large/77.jpg"
								alt="" class="scale-with-grid" />
							</span>
							<div class="mask">
								<div class="mask_wrapper">
									<a href="images/large/77.jpg" title=""
										data-rel="prettyPhoto[portfolio]" class="link1"><img
										src="images/icons/icon_zoom.png" class="scale-with-grid" /></a>

								</div>
							</div>
						</div> <span class="clear"></span>
						<div class="view_title">
							<a href="#"><h6>project 4</h6></a> <span class="port_cat"><p>
									news</p> </span>
						</div>

					</li>

					<li class="four columns" data-id="id-5" data-type="annoucement">

						<div class="view view-tenth">
							<span class="image_holder"> <img src="images/large/20.jpg"
								alt="" class="scale-with-grid" />
							</span>
							<div class="mask">
								<div class="mask_wrapper">
									<a href="images/large/20.jpg" title=""
										data-rel="prettyPhoto[portfolio]" class="link1"><img
										src="images/icons/icon_zoom.png" class="scale-with-grid" /></a>
								</div>
							</div>
						</div> <span class="clear"></span>
						<div class="view_title">
							<a href="#"><h6>project 5</h6></a> <span class="port_cat"><p>
									annoucement</p> </span>
						</div>
					</li>
					<li class="four columns" data-id="id-6" data-type="advertising">

						<div class="view view-tenth">
							<span class="image_holder"> <img src="images/large/18.jpg"
								alt="" class="scale-with-grid" />
							</span>
							<div class="mask">
								<div class="mask_wrapper">
									<a href="images/large/18.jpg" title=""
										data-rel="prettyPhoto[portfolio]" class="link1"><img
										src="images/icons/icon_zoom.png" class="scale-with-grid" /></a>
								</div>
							</div>
						</div> <span class="clear"></span>
						<div class="view_title">
							<a href="#"><h6>project 6</h6></a> <span class="port_cat"><p>
									advertising</p> </span>
						</div>
					</li>
					<li class="four columns" data-id="id-7" data-type="game">


						<div class="view view-tenth">
							<span class="image_holder"> <img src="images/large/16.jpg"
								alt="" class="scale-with-grid" />
							</span>
							<div class="mask">
								<div class="mask_wrapper">
									<a href="images/large/16.jpg" title=""
										data-rel="prettyPhoto[portfolio]" class="link1"><img
										src="images/icons/icon_zoom.png" class="scale-with-grid" /></a>

								</div>
							</div>
						</div> <span class="clear"></span>
						<div class="view_title">
							<a href="#"><h6>project 7</h6></a> <span class="port_cat"><p>
									game</p> </span>
						</div>

					</li>
					<li class="four columns" data-id="id-8" data-type="news">


						<div class="view view-tenth">
							<span class="image_holder"> <img src="images/large/12.jpg"
								alt="" class="scale-with-grid" />
							</span>
							<div class="mask">
								<div class="mask_wrapper">
									<a href="images/large/12.jpg" title=""
										data-rel="prettyPhoto[portfolio]" class="link1"><img
										src="images/icons/icon_zoom.png" class="scale-with-grid" /></a>

								</div>
							</div>
						</div> <span class="clear"></span>
						<div class="view_title">
							<a href="#"><h6>project 8</h6></a> <span class="port_cat"><p>
									news</p> </span>
						</div>

					</li>

					<li class="four columns" data-id="id-9" data-type="game">

						<div class="view view-tenth">
							<span class="image_holder"> <img src="images/large/11.jpg"
								alt="" class="scale-with-grid" />
							</span>
							<div class="mask">
								<div class="mask_wrapper">
									<a href="images/large/11.jpg" title=""
										data-rel="prettyPhoto[portfolio]" class="link1"><img
										src="images/icons/icon_zoom.png" class="scale-with-grid" /></a>
								</div>
							</div>
						</div> <span class="clear"></span>
						<div class="view_title">
							<a href="#"><h6>project 9</h6></a> <span class="port_cat"><p>
									game</p> </span>
						</div>
					</li>
					<li class="four columns" data-id="id-10" data-type="news">

						<div class="view view-tenth">
							<span class="image_holder"> <img src="images/large/10.jpg"
								alt="" class="scale-with-grid" />
							</span>
							<div class="mask">
								<div class="mask_wrapper">
									<a href="images/large/10.jpg" title=""
										data-rel="prettyPhoto[portfolio]" class="link1"><img
										src="images/icons/icon_zoom.png" class="scale-with-grid" /></a>
								</div>
							</div>
						</div> <span class="clear"></span>
						<div class="view_title">
							<a href="#"><h6>project 10</h6></a> <span class="port_cat"><p>
									news</p> </span>
						</div>
					</li>
					<li class="four columns" data-id="id-11" data-type="game">


						<div class="view view-tenth">
							<span class="image_holder"> <img src="images/large/9.jpg"
								alt="" class="scale-with-grid" />
							</span>
							<div class="mask">
								<div class="mask_wrapper">
									<a href="images/large/9.jpg" title=""
										data-rel="prettyPhoto[portfolio]" class="link1"><img
										src="images/icons/icon_zoom.png" class="scale-with-grid" /></a>

								</div>
							</div>
						</div> <span class="clear"></span>
						<div class="view_title">
							<a href="#"><h6>project 11</h6></a> <span class="port_cat"><p>
									game</p> </span>
						</div>

					</li>
					<li class="four columns" data-id="id-12" data-type="annoucement">


						<div class="view view-tenth">
							<span class="image_holder"> <img src="images/large/8.jpg"
								alt="" class="scale-with-grid" />
							</span>
							<div class="mask">
								<div class="mask_wrapper">
									<a href="images/large/8.jpg" title=""
										data-rel="prettyPhoto[portfolio]" class="link1"><img
										src="images/icons/icon_zoom.png" class="scale-with-grid" /></a>

								</div>
							</div>
						</div> <span class="clear"></span>
						<div class="view_title">
							<a href="#"><h6>project 12</h6></a> <span class="port_cat"><p>
									annoucement</p> </span>
						</div>

					</li>

				</ul>
				<span class="clear"></span>
			</div>

			<div style="float: right;">
				<s:include value="../../../common_file/fenye_btn.jsp"></s:include>
			</div>


		</div>
		<!-- End Main page wrapper -->

		<div class="clear"></div>
	</div>

	<div>
		<s:include value="../../../common_file/bottom.jsp"></s:include>
	</div>

</body>
</html>
